.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { text-shadow: @string;} .box-shadow (@string) {-webkit-box-shadow: @string; -moz-box-shadow: @string; box-shadow: @string;} .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha:
Ключевые слова: CSS
Чтобы подчеркнуть индивидуальность можно изменить внешний вид маркированных списков. Изменит можно не только форму, цвет или эффекты, но и можно использовать изображение.
Ключевые слова: CSS
Простейшее меню с выпадающими элементами. Не самое изящное, но самое действенное.
Ключевые слова: CSS
После выхода windows 8 плитки и шрифт segoe стал крайне модным и чтобы не утруждать себя поиском, можно его взять с официального сайта. По этому примеру вообще любой шрифт можно
Ключевые слова: CSS
Tooltip — всплывающая подсказка для ссылки, обычно текст ее взят из тега title. Для изменения внешнего вида можно использовать java jquery.
Ключевые слова: CSS
Пример простейшего спойлера для различных скрытых списков или чего-либо что должно появиться после нажатия на кнопку. Заголовок - кнопка здесь открывается скрытый текст Если требуется сделать несколько независимых спойлеров, то
Самый не затейливый способ сделать трехмерный текст — сделать длинную не однотонную тень. пример трехмерного текста .mystyle{ text-shadow: 1px 0px #eee, 0px 1px #ccc, 2px 1px #eee, 1px 2px #ccc,
Ключевые слова: CSS
Украсить сайт или блог можно добавлением как всяких красивых рюшечек, прозрачностей и теней так и заменой банального tooltip на свой. Стилизовать подсказку к кнопке или ссылке можно любыми свойствами css,
Ключевые слова: CSS
Для использования любого своего шрифта на сайте можно использовать @font-face. Для этого файлы шрифты нужно поместить в какую-либо папку на сервере, например /folder/, и указать пути в файле стилей.
Ключевые слова: CSS
Уже давно google предоставляет возможность использовать свои шрифты на сторонних сайтах. Шрифты самые различные по стилю, есть как латинские, так и с поддержкой кириллицы. Для использования google fonts на своем
Ключевые слова: CSS